<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>index1</title>
<style>
	a{
		text-decoration: none;
		font-size:14px;
		color:#888888;
	}
	
	a:hover{
		text-decoration: underline;
	}
	h3{
		border:3px dotted #888888 ;
		padding-top:3px;
		padding-bottom:3px;
		padding-left:15px;
		padding-right:10px;
		border-top-right-radius:11px;
		border-bottom-left-radius:11px;
		box-shadow:3px 4px 6px #cccccc;
		
		}

</style>
</head>
<body>
		<table>
			<tr>
				<td valign='top'>
					<h1>Menu</h1>
					<h3>BEGIN</h3>
						<a href='./begin/myName.html' target='content'>my name</a>
					<h3>BODY</h3>
						<a href='./body/bgcolor.html' target='content'>bgcolor</a><br/>
						<a href='./body/background.html' target='content'>background</a><br/>
					<H3>FONT</H3>
						<a href='./font/attribute.html' target='content'>attribute</a><br/>
						<a href='./font/font.html' target='content'>font</a><br/>
						<a href='./font/header.html' target='content'>header</a><br/>
					<h3>paragraph</h3>
						<a href='./paragraph/p.html' target='content'> P Tag</a><br/>
						<a href='./paragraph/pre.html' target='content'> Pre Tag</a><br/>
						<a href='./paragraph/div.html' target='content'> Div Tag</a><br/>
						<a href='./paragraph/xmp.html' target='content'> Xmp Tag</a><br/>
						<a href='./paragraph/blockquote.html' target='content'> BlockQuote Tag</a><br/>
						<a href='./paragraph/fieldset.html' target='content'> FieldSet Tag</a><br/>
						<a href='./paragraph/section.html' target='content'> Section Tag</a><br/>
						<a href ='./paragraph/a_name.html' target='content'>a_name</a><br/>
						<a href ='./paragraph/b_name.html' target='content'>b_name</a><br/>
					
					<h3>관련사이트</h3>
					
						<a href='http://www.jobtc.kr'>jhta</a><br/>
						<a href='http://www.naver.com' target='content'>네이버</a><br/>
						<a href='http://www.daum.net' target='content'>다음</a><br/>
					
					<H3>Group Homepage</H3>
						<a href='http://192.168.10.9:8888/web1403/index1.html'>강사님</a><br/>
						<img src='./images/4jo.png' usemap="#img" border=0>
						<map name="img">
							<area shape="rect" coords="0,10,100,60" title="임진규" href='http://192.168.10.122:8889/web1403/index1.html'>
							<area shape="rect" coords="0,60,100,110" title="양지재" href='http://192.168.10.126:8888/web1403/index1.html'>
							<area shape="rect" coords="0,110,100,160" title="류지훈" href='http://192.168.10.136:8888/web1403/index.html'>
							<area shape="rect" coords="0,160,100,210" title="정인교" href='http://192.168.10.104:8889/web1403/index1.html'>
							<area shape="rect" coords="0,210,100,250" title="장세훈" href='http://192.168.10.117:8888/web1403/index1.html'>
						</map>

					<h3>이미지 실습</h3>
						<a href='./paragraph/img.html'>이미지바로가기</a>
					
				</td>
				
				<td>
					<iframe name='content' width='800px' height='700px'>
				
					</iframe>
				</td>

			
			
			</tr>
				
				
		</table>

</body>
</html>